<template>
<!-- 维稳额外信息调查 -->
    <div class="main">
        <div class="form-container">
            <div class="form-main">
                <div class="additionalnfor">
                    <!-- <span class="required" style="color:red">*</span>  -->
                    <label for="contact">是否有固定工作</label><br/>
                    <div class="form-border form-twoBor">
                        <div style="border-bottom: 1px solid #bfbfbf;">
                            <el-radio v-model="fixed_work" label="0">否</el-radio>
                            <!-- <input type="radio" name="additionalnfor1" value="0"   id="additionalnfor1No" checked="checked" v-model="fixed_work" /><label for="additionalnfor1No"> 否</label> -->
                        </div>
                        <div>
                            <el-radio v-model="fixed_work" label="1">是</el-radio>
                            <!-- <input type="radio" name="additionalnfor1" value="1"   id="additionalnfor1Yes" v-model="fixed_work" /><label for="additionalnfor1Yes"> 是</label>&nbsp;&nbsp; -->
                        </div>
                    </div>
                </div>
                <div class="work_org" v-if="fixed_work=='1'">
                    <!-- <span class="required" style="color:red">*</span>  -->
                    <label for="work_org">工作单位</label><br/>

                    <input class="form-border" id="work_org" type="text" name="username"  placeholder="工作单位" required="required" v-model="work_org" /> <br/>
                </div>
                <div class="additionalnfor">
                    <!-- <span class="required" style="color:red">*</span>  -->
                    <label for="contact">是否失业待工作</label><br/>
                    <div class="form-border form-twoBor">
                        <div style="border-bottom: 1px solid #bfbfbf;">
                            <el-radio v-model="unemployment" label="0">否</el-radio>
                            <!-- <input type="radio" name="additionalnfor2" value="0"   id="additionalnfor2No" checked="checked" v-model="unemployment" /><label for="additionalnfor2No"> 否</label> -->
                        </div>
                        <div>
                            <el-radio v-model="unemployment" label="1">是</el-radio>
                            <!-- <input type="radio" name="additionalnfor2" value="1"   id="additionalnfor2Yes" v-model="unemployment" /><label for="additionalnfor2Yes"> 是</label>&nbsp;&nbsp; -->
                        </div>
                    </div>
                </div>
                <div class="additionalnfor">
                    <!-- <span class="required" style="color:red">*</span>  -->
                    <label for="contact">是否有固定收入</label><br/>
                    <div class="form-border form-twoBor">
                        <div style="border-bottom: 1px solid #bfbfbf;">
                            <el-radio v-model="fixed_income" label="0">否</el-radio>
                            <!-- <input type="radio" name="additionalnfor3" value="0"   id="additionalnfor3No" checked="checked" v-model="fixed_income" /><label for="additionalnfor3No"> 否</label> -->
                        </div>
                        <div>
                            <el-radio v-model="fixed_income" label="1">是</el-radio>
                            <!-- <input type="radio" name="additionalnfor3" value="1"   id="additionalnfor3Yes" v-model="fixed_income" /><label for="additionalnfor3Yes"> 是</label>&nbsp;&nbsp; -->
                        </div>
                    </div>
                </div>
                
                <!-- <div class="additionalnfor">
                    <label for="contact">本人是否有其他疾病</label><br/>
                    <div class="form-border form-twoBor">
                        <div style="border-bottom: 1px solid #bfbfbf;">
                            <input type="radio" name="additionalnfor4" value="1"   id="additionalnfor4Yes" v-model="medical_history" /><label for="additionalnfor4Yes"> 是</label>&nbsp;&nbsp;
                        </div>
                        <div>
                            <input type="radio" name="additionalnfor4" value="0"   id="additionalnfor4No" checked="checked" v-model="medical_history" /><label for="additionalnfor4No"> 否</label>
                        </div>
                    </div>
                </div> -->
                
                <div class="medical_history">
                    <!-- <span class="required" style="color:red">*</span>  -->
                    <label for="medical_history">既往病史</label><br/>

                    <input class="form-border" maxlength="32" id="medical_history" type="text" name="username"  placeholder="高血压，冠心病等" required="required" v-model="medical_history" /> <br/>
                </div>
                
                <div class="additionalnfor">
                    <!-- <span class="required" style="color:red">*</span>  -->
                    <label for="contact">是否有亲友患病</label><br/>
                    <div class="form-border form-twoBor">
                        <div style="border-bottom: 1px solid #bfbfbf;">
                            <el-radio v-model="relatives_diagnosed" label="0">否</el-radio>
                            <!-- <input type="radio" name="additionalnfor5" value="0"   id="additionalnfor5No" checked="checked" v-model="relatives_diagnosed" /><label for="additionalnfor5No"> 否</label> -->
                        </div>
                        <div>
                            <el-radio v-model="relatives_diagnosed" label="1">是</el-radio>
                            <!-- <input type="radio" name="additionalnfor5" value="1"   id="additionalnfor5Yes" v-model="relatives_diagnosed" /><label for="additionalnfor5Yes"> 是</label>&nbsp;&nbsp; -->
                        </div>
                    </div>
                </div>
                <div class="additionalnfor">
                    <!-- <span class="required" style="color:red">*</span>  -->
                    <label for="contact">是否近期有亲友去世</label><br/>
                    <div class="form-border form-twoBor">
                        <div style="border-bottom: 1px solid #bfbfbf;">
                            <el-radio v-model="relatives_died" label="0">否</el-radio>
                            <!-- <input type="radio" name="additionalnfor6" value="0"   id="additionalnfor6No" checked="checked" v-model="relatives_died" /><label for="additionalnfor6No"> 否</label> -->
                        </div>
                        <div>
                            <el-radio v-model="relatives_died" label="1">是</el-radio>
                            <!-- <input type="radio" name="additionalnfor6" value="1"   id="additionalnfor6Yes" v-model="relatives_died" /><label for="additionalnfor6Yes"> 是</label>&nbsp;&nbsp; -->
                        </div>
                    </div>
                </div>
                <div class="additionalnfor">
                    <!-- <span class="required" style="color:red">*</span>  -->
                    <label for="contact">是否离异</label><br/>
                    <div class="form-border form-twoBor">
                        <div style="border-bottom: 1px solid #bfbfbf;">
                            <el-radio v-model="divorced" label="0">否</el-radio>
                            <!-- <input type="radio" name="additionalnfor7" value="0"   id="additionalnfor7No" checked="checked" v-model="divorced" /><label for="additionalnfor7No"> 否</label> -->
                        </div>
                        <div>
                            <el-radio v-model="divorced" label="1">是</el-radio>
                            <!-- <input type="radio" name="additionalnfor7" value="1"   id="additionalnfor7Yes" v-model="divorced" /><label for="additionalnfor7Yes"> 是</label>&nbsp;&nbsp; -->
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</template>
<script>
import { newquestionnaireData ,queryCityData} from '@/assets/js/service'
import { Confirm , Datetime,PopupPicker,Popup} from 'vux'

export default {
    components: {
        Confirm,
        Datetime,
        PopupPicker,
        Popup
    },
    data () {
        return {
            fixed_work:'0',//是否有固定工作
            work_org:'',//工作单位
            unemployment:'0',//是否失业待工作
            fixed_income:'0',//是否有固定收入
            medical_history:'',//本人是否有其他疾病
            relatives_diagnosed:'0',//是否有亲友患病
            relatives_died:'0',//是否近期有亲友去世
            divorced:'0',//是否离异
        }
    },
    created () {
    },
    mounted: function () {
        let epidemicData = JSON.parse(localStorage.getItem('epidemicData'));
        if(epidemicData) {
            this.fixed_work = epidemicData.fixedWork
            this.work_org = epidemicData.workOrg
            this.unemployment = epidemicData.unemployment
            this.fixed_income = epidemicData.fixedIncome
            this.medical_history = epidemicData.medicalHistory
            this.relatives_diagnosed = epidemicData.relativesDiagnosed
            this.relatives_died = epidemicData.relativesDied
            this.divorced = epidemicData.divorced
        }
    },
    watch:{

    },
    methods: {

    }
}
</script>
<style lang="less" scoped>

.main{
    overflow: hidden;
    // background: url("../../assets/images/home/bj.png") 0 0;
    background-size: 100% 100%;
    .form-container{
        background: #f8fafb;
        background-size: 100% 100%;
        width: calc(100% -16px);
        border-radius: 8px;
        padding-top: 15px;
        border: solid 1px #e5e5e5;
        // margin: 0 3%;
        margin-left:8px;
        margin-right:8px;
        // margin-bottom: 10px;
        padding-bottom: 25px;
        .form-main{
            width: 100%;
            padding: 0 20px;
            color: #333;
            border-radius: 8px;
            background-color: #f5f8fa;
            h4{
                margin-top: 15px;
            }
            .form-border{
                background-color: rgba(255, 255, 255, 0.9);
                color: #333333;
                padding:5px;
                margin: 5px 0;
                width: 100%;
                margin-bottom: 20px;
                border-radius: 3px;
                box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.8);
            }
            .tizheng{
                div{
                    width: 50%;
                    float: left;
                    padding: 10px 5px;
                    font-size: 15px;
                    input{
                        vertical-align: middle;
                        width: 15px;
                        height: 15px;
                    }
                }
            }
            .form-twoBor{
                padding: 5px 0;
                div{
                    width: 100%;
                    padding: 10px 10px;
                    input{
                        vertical-align: middle;
                        width: 20px;
                        height: 20px;
                    }
                    label{
                        font-size: 15px;
                    }
                }

            }
            
        }
    }
.yy-input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: red;
  }
    
}
</style>